<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>视频倍速控制</title>
    <style>
      .container {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 10px;
        width: 400px;
      }
      button {
        margin: 10px;
        padding: 10px 20px;
        font-size: 16px;
        background-color: #007aff;
        color: white;
        border: none;
        border-radius: 5px;
        cursor: pointer;
      }
      button:hover {
        background-color: #0051a8;
      }
    </style>
  </head>
  <body>
    <div class="container">
      <h1>选择播放速度</h1>
      <button id="speed-2x">播放速度 2x</button>
      <button id="speed-3x">播放速度 3x</button>
      <button id="speed-4x">播放速度 4x</button>
      <button id="seek-time">定位到60</button>
      <button id="increase-speed">增加倍速</button>
      <button id="decrease-speed">减少倍速</button>
    </div>
    <script src="popup.js"></script>
  </body>
</html>
